<template>
<div id="ceShiXiaLa">
测试下拉 infinit scroll
  <ul
    v-infinite-scroll="loadMore"
    infinite-scroll-disabled="loading"
    infinite-scroll-distance="10">
    <li v-for="item in list">{{ item }}</li>
  </ul>
</div>
</template>

<script>
export default {
name: "ceShiXiaLa",
  data(){
    return {
      list:[11111,2222,333,444,555,666,777,88],k:99
    }
  },methods:{
    loadMore() {
      this.loading = true;
      for (let i = 1; i <= 10; i++) {
        this.list.push(this.k);
        ++this.k;
      }
      this.loading = false;
    }
  }

}
</script>

<style scoped>

</style>
